{% extends "base.html" %}

{% block body %}
    <script src="{{ url_for('static', filename='js/index.js') }}"></script>
    <body class="text-center">
    <div class="container mt-5">
        <!-- 站点标题 -->
        <h1 style="margin-bottom: 30px">音频脚本生成</h1>

        <!-- 站点说明 -->
        <div class="card mb-4">
            <div class="card-body">
                <h5 class="card-title">站点用途</h5>
                <p class="card-text">
                    本站点用于生成音频脚本和视频配音。你可以通过配置初始提示词、生成个数、音色名等参数，快速生成所需的音频脚本，并进一步生成视频配音。</p>
                <h5 class="card-title">使用方法</h5>
                <ol>
                    <li>填写初始提示词，为脚本生成提供基础信息。</li>
                    <li>选择生成个数，确定要生成的脚本数量。</li>
                    <li>选择合适的音色名，让配音更加符合需求。</li>
                    <li>点击“生成视频脚本”按钮，生成所需的脚本。</li>
                    <li>点击“生成视频配音”按钮，根据脚本生成视频配音。</li>
                </ol>
            </div>
        </div>

        <!-- 根据登录状态显示提示 -->
        {% if not current_user.is_authenticated %}
             <a href="{{ url_for('LoginPage') }}" class="btn btn-primary">点击登录</a>
        {% else %}
            <a href="{{ url_for('tts_index') }}" class="btn btn-primary">点击跳转 TTS 页面</a>
        {% endif %}


    </div>
    </body>
{% endblock %}